
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - Global Information</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item ouvert"><a href="index.html">Global</a></div>
                <div class="item "><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges">
            </div>

            <div class="schema polar">
              <div id="container_number_of_requests"></div>
            </div>
<div class="simulation-card">
  <div class="simulation-version-information">
  <span class="simulation-information-title">Gatling Version</span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Version: </span>
      <span>3.9.5</span>
    </span>
    <span class="simulation-information-item">
      <span class="simulation-information-label">Released: </span>
      <span>2023-05-10</span>
    </span>
  </div>
  <div id="simulation-information" class="simulation-version-information">
    <span class="simulation-information-title">Run Information</span>
    <div class="simulation-information-container">
      <span class="simulation-information-item">
        <span class="simulation-information-label">Date: </span>
        <span>2023-08-23 16:42:27 GMT</span>
      </span>
      <span class="simulation-information-item">
        <span class="simulation-information-label">Duration: </span>
        <span>3m 24s </span>
      </span>
      <span class="simulation-tooltip simulation-information-item description" title="Description" data-content="igorsantos07">
        <span class="simulation-information-label">Description: </span>
        <span>igorsantos07</span>
      </span>

    </div>
  </div>
</div>
</div>

                      <div id="statistics_table_container">
                        <div id="stats" class="statistics extensible-geant collapsed">
                            <div class="title">
                              <div id="statistics_title" class="title_base"><span class="title_base_stats">Stats</span><span class="expand-table">Fixed height</span><span id="toggle-stats" class="toggle-table"></span><span class="collapse-table">Full size</span></div>
                              <div class="right">
                                  <button id="statistics_full_screen" class="statistics-button" onclick="openStatisticsTableModal()">Full Screen</button>
                                  <button class="statistics-button expand-all-button">Expand all groups</button>
                                  <button class="statistics-button collapse-all-button">Collapse all groups</button>
                              </div>
                            </div>
                            <div class="scrollable">
                              <table id="container_statistics_head" class="statistics-in extensible-geant">
                                  <thead>
                                      <tr>
                                          <th rowspan="2" id="col-1" class="header sortable sorted-up"><span>Requests</span></th>
                                          <th colspan="5" class="header"><span class="executions">Executions</span></th>
                                          <th colspan="8" class="header"><span class="response-time">Response Time (ms)</span></th>
                                      </tr>
                                      <tr>
                                          <th id="col-2" class="header sortable"><span>Total</span></th>
                                          <th id="col-3" class="header sortable"><span>OK</span></th>
                                          <th id="col-4" class="header sortable"><span>KO</span></th>
                                          <th id="col-5" class="header sortable"><span>% KO</span></th>
                                          <th id="col-6" class="header sortable"><span><abbr title="Count of events per second">Cnt/s</abbr></span></th>
                                          <th id="col-7" class="header sortable"><span>Min</span></th>
<th id="col-8" class="header sortable"><span>50th pct</span></th>
<th id="col-9" class="header sortable"><span>75th pct</span></th>
<th id="col-10" class="header sortable"><span>95th pct</span></th>
<th id="col-11" class="header sortable"><span>99th pct</span></th>
<th id="col-12" class="header sortable"><span>Max</span></th>
<th id="col-13" class="header sortable"><span>Mean</span></th>
<th id="col-14" class="header sortable"><span><abbr title="Standard Deviation">Std Dev</abbr></span></th>
                                      </tr>
                                  </thead>
                                  <tbody></tbody>
                              </table>
                              <table id="container_statistics_body" class="statistics-in extensible-geant">
                                  <tbody></tbody>
                              </table>
                            </div>
                        </div>
                      </div>
<dialog id="statistics_table_modal" class="statistics-table-modal">
  <div class="statistics-table-modal-header"><button class="button-modal" onclick="closeStatisticsTableModal()">x</button></div>
  <div class="statistics-table-modal-container">
    <div id="statistics_table_modal_content" class="statistics-table-modal-content"></div>
  </div>
</dialog>
<script>
function openStatisticsTableModal () {
  const statsTable = document.getElementById("stats");
  const statsTableModal = document.getElementById("statistics_table_modal");
  const fullScreenButton = document.getElementById("statistics_full_screen");

  fullScreenButton.disabled = true;

  if (typeof statsTableModal.showModal === "function") {
    const statsTableModalContent = document.getElementById("statistics_table_modal_content");

    statsTableModalContent.innerHTML = "";
    statsTableModalContent.appendChild(statsTable);
    statsTableModal.showModal();

    statsTableModal.addEventListener("close", function () {
      const container = document.getElementById("statistics_table_container");

      container.appendChild(statsTable);
      fullScreenButton.disabled = false;
    });
  } else {
    const incompatibleBrowserVersionMessage = document.createElement("div");

    incompatibleBrowserVersionMessage.innerText = "Sorry, the <dialog> API is not supported by this browser.";
    statsTable.insertBefore(incompatibleBrowserVersionMessage, statsTable.children[0]);
  }
}

function closeStatisticsTableModal () {
  const statsTableModal = document.getElementById("statistics_table_modal");

  statsTableModal.close();
}
</script>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">68406</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="active_users" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setGlobalMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [345, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

function numberOfRequestsDataForGroup(group) {
  var data = {names: [], oks: [], kos: []};

  $.each(group.contents, function(contentName, content) {
    if (content.type == 'GROUP') {
      var result = numberOfRequestsDataForGroup(content);
      data.names = data.names.concat(result.names);
      data.oks = data.oks.concat(result.oks);
      data.kos = data.kos.concat(result.kos);
    }
    else if (content.type == 'REQUEST') {
      data.names.push(content.path);
      data.oks.push(parseInt(content.stats.numberOfRequests.ok));
      data.kos.push(parseInt(content.stats.numberOfRequests.ko));
    }
  });

  return data;
}

var numberOfRequestsData = numberOfRequestsDataForGroup(stats);
var tickInterval = Math.ceil(numberOfRequestsData.names.length / 1000);

new Highcharts.Chart({
  chart: {
    renderTo:'container_number_of_requests',
    polar:true,
    type:'column',
    height:330
  },
  credits:{
    enabled:false
  },
  title:{
    text:'<span class="chart_title">Number of requests</span>',
    useHTML: true,
    widthAdjust:-20
  },
  xAxis:{
    tickmarkPlacement:'on',
    tickInterval: tickInterval,
    categories:numberOfRequestsData.names,
    labels:{ enabled:false }
  },
  yAxis:{
    min:0,
    reversedStacks: false
  },
  plotOptions:{
    series:{
      stacking:'normal',
      groupPadding:0,
      pointPlacement:'on',
      shadow: true
    }
  },
  legend: {
      borderWidth: 0,
      itemStyle: { fontWeight: "normal" },
      symbolRadius: 0
  },
  series:[
      {
      name:'OK',
      data:numberOfRequestsData.oks,
      color:"#68b65c"
    },
    {
      name:'KO',
      data:numberOfRequestsData.kos,
      color:"#f15b4f"
    }
  ]
});

	    $('#container_exceptions').sortable('#container_exceptions');
    

function generateHtmlRow(request, level, index, parent, group) {
    if (request.name == 'All Requests')
        var url = 'index.html';
    else
        var url = request.pathFormatted + '.html';

    if (group)
        var expandButtonStyle = '';
    else
        var expandButtonStyle = ' hidden';

    if (request.stats.numberOfRequests.total != 0)
        var koPercent = (request.stats.numberOfRequests.ko * 100 / request.stats.numberOfRequests.total).toFixed(0) + '%';
    else
        var koPercent = '-'

    return '<tr id="' + request.pathFormatted + '" data-parent=' + parent + '> \
        <td class="total col-1"> \
          <div class="expandable-container"> \
            <span id="' + request.pathFormatted + '" style="margin-left: ' + (level * 10) + 'px;" class="expand-button' + expandButtonStyle + '">&nbsp;</span> \
            <a href="' + url +'" class="withTooltip">' + ellipsedLabel({ name: request.name, parentClass: "table-cell-tooltip" }) + '</a><span class="value" style="display:none;">' + index + '</span> \
          </div> \
        </td> \
        <td class="value total col-2">' + request.stats.numberOfRequests.total + '</td> \
        <td class="value ok col-3">' + request.stats.numberOfRequests.ok + '</td> \
        <td class="value ko col-4">' + request.stats.numberOfRequests.ko + '</td> \
        <td class="value ko col-5">' + koPercent + '</td> \
        <td class="value total col-6">' + request.stats.meanNumberOfRequestsPerSecond.total + '</td> \
        <td class="value total col-7">' + request.stats.minResponseTime.total + '</td> \
        <td class="value total col-8">' + request.stats.percentiles1.total + '</td> \
        <td class="value total col-9">' + request.stats.percentiles2.total + '</td> \
        <td class="value total col-10">' + request.stats.percentiles3.total + '</td> \
        <td class="value total col-11">' + request.stats.percentiles4.total + '</td> \
        <td class="value total col-12">' + request.stats.maxResponseTime.total + '</td> \
        <td class="value total col-13">' + request.stats.meanResponseTime.total + '</td> \
        <td class="value total col-14">' + request.stats.standardDeviation.total + '</td> \
        </tr>';
}

function generateHtmlRowsForGroup(group, level, index, parent) {
    var buffer = '';

    if (!parent)
        parent = 'ROOT';
    else {
        buffer += generateHtmlRow(group, level - 1, index, parent, true);
        index++;
        parent = group.pathFormatted;
    }

    $.each(group.contents, function(contentName, content) {
        if (content.type == 'GROUP') {
            var result = generateHtmlRowsForGroup(content, level + 1, index, parent);
            buffer += result.html;
            index = result.index;
        }
        else if (content.type == 'REQUEST') {
            buffer += generateHtmlRow(content, level, index, parent);
            index++;
        }
    });

    return { html: buffer, index: index };
}

$('#container_statistics_head tbody').append(generateHtmlRow(stats, 0, 0));

var lines = generateHtmlRowsForGroup(stats, 0, 0);
$('#container_statistics_body tbody').append(lines.html);

$('#container_statistics_head').sortable('#container_statistics_body');
$('.statistics').expandable();

if (lines.index < 30) {
    $('#statistics_title span').attr('style', 'display: none;');
} else {
    $('#statistics_title').addClass('title_collapsed');
    $('#statistics_title').click(function() {
        $('#toggle-stats').toggleClass("off");
        $(this).toggleClass('title_collapsed').toggleClass('title_expanded');
        $('#container_statistics_body').parent().toggleClass('scrollable').toggleClass('');
    });
}
$('.table-cell-tooltip').popover({trigger:'hover'});

	    $('#container_errors').sortable('#container_errors');
    
allUsersData.yAxis = 0;

var allUsersChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'active_users',
    zoomType: 'x'
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    align: 'right',
    verticalAlign: 'top',
    layout: 'vertical',
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis: {
    title: { text: 'Number of Active Users' },
    opposite: false,
    min: 0
  },
  series: [
    {
color: '#5E7BE2',
name: 'Busca Inválida de Pessoas',
data: [
  [1692808948000,3],[1692808949000,2],[1692808950000,2],[1692808951000,2],[1692808952000,2],[1692808953000,2],[1692808954000,2],[1692808955000,2],[1692808956000,2],[1692808957000,2],[1692808958000,2],[1692808959000,2],[1692808960000,2],[1692808961000,2],[1692808962000,2],[1692808963000,2],[1692808964000,2],[1692808965000,2],[1692808966000,2],[1692808967000,2],[1692808968000,2],[1692808969000,2],[1692808970000,2],[1692808971000,2],[1692808972000,2],[1692808973000,6],[1692808974000,6],[1692808975000,6],[1692808976000,7],[1692808977000,7],[1692808978000,7],[1692808979000,7],[1692808980000,8],[1692808981000,7],[1692808982000,8],[1692808983000,8],[1692808984000,8],[1692808985000,8],[1692808986000,9],[1692808987000,9],[1692808988000,9],[1692808989000,9],[1692808990000,9],[1692808991000,10],[1692808992000,9],[1692808993000,10],[1692808994000,10],[1692808995000,10],[1692808996000,11],[1692808997000,11],[1692808998000,10],[1692808999000,11],[1692809000000,12],[1692809001000,11],[1692809002000,12],[1692809003000,11],[1692809004000,12],[1692809005000,12],[1692809006000,13],[1692809007000,12],[1692809008000,13],[1692809009000,13],[1692809010000,13],[1692809011000,13],[1692809012000,14],[1692809013000,13],[1692809014000,14],[1692809015000,14],[1692809016000,14],[1692809017000,15],[1692809018000,14],[1692809019000,15],[1692809020000,15],[1692809021000,15],[1692809022000,16],[1692809023000,15],[1692809024000,16],[1692809025000,16],[1692809026000,16],[1692809027000,16],[1692809028000,17],[1692809029000,16],[1692809030000,17],[1692809031000,17],[1692809032000,18],[1692809033000,17],[1692809034000,18],[1692809035000,17],[1692809036000,18],[1692809037000,19],[1692809038000,18],[1692809039000,18],[1692809040000,19],[1692809041000,19],[1692809042000,19],[1692809043000,20],[1692809044000,19],[1692809045000,20],[1692809046000,20],[1692809047000,20],[1692809048000,20],[1692809049000,20],[1692809050000,21],[1692809051000,21],[1692809052000,21],[1692809053000,21],[1692809054000,22],[1692809055000,21],[1692809056000,22],[1692809057000,22],[1692809058000,22],[1692809059000,22],[1692809060000,23],[1692809061000,23],[1692809062000,23],[1692809063000,23],[1692809064000,23],[1692809065000,23],[1692809066000,24],[1692809067000,24],[1692809068000,24],[1692809069000,24],[1692809070000,25],[1692809071000,24],[1692809072000,25],[1692809073000,25],[1692809074000,25],[1692809075000,25],[1692809076000,26],[1692809077000,26],[1692809078000,26],[1692809079000,26],[1692809080000,26],[1692809081000,27],[1692809082000,26],[1692809083000,27],[1692809084000,27],[1692809085000,27],[1692809086000,28],[1692809087000,28],[1692809088000,27],[1692809089000,28],[1692809090000,29],[1692809091000,28],[1692809092000,29],[1692809093000,28],[1692809094000,29],[1692809095000,30],[1692809096000,29],[1692809097000,30],[1692809098000,30],[1692809099000,30],[1692809100000,30],[1692809101000,30],[1692809102000,31],[1692809103000,30],[1692809104000,31],[1692809105000,31],[1692809106000,31],[1692809107000,32],[1692809108000,31],[1692809109000,32],[1692809110000,32],[1692809111000,32],[1692809112000,33],[1692809113000,32],[1692809114000,33],[1692809115000,33],[1692809116000,33],[1692809117000,33],[1692809118000,34],[1692809119000,33],[1692809120000,34],[1692809121000,34],[1692809122000,35],[1692809123000,34],[1692809124000,35],[1692809125000,34],[1692809126000,35],[1692809127000,36],[1692809128000,35],[1692809129000,35],[1692809130000,36],[1692809131000,36],[1692809132000,36],[1692809133000,37],[1692809134000,36],[1692809135000,37],[1692809136000,37],[1692809137000,37],[1692809138000,37],[1692809139000,37],[1692809140000,38],[1692809141000,38],[1692809142000,38],[1692809143000,38],[1692809144000,39],[1692809145000,38],[1692809146000,39],[1692809147000,39],[1692809148000,39],[1692809149000,39],[1692809150000,40],[1692809151000,40],[1692809152000,38]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#68b65c',
name: 'Busca Válida de Pessoas',
data: [
  [1692808948000,3],[1692808949000,2],[1692808950000,2],[1692808951000,2],[1692808952000,2],[1692808953000,2],[1692808954000,2],[1692808955000,2],[1692808956000,2],[1692808957000,2],[1692808958000,2],[1692808959000,2],[1692808960000,2],[1692808961000,2],[1692808962000,2],[1692808963000,2],[1692808964000,2],[1692808965000,2],[1692808966000,2],[1692808967000,2],[1692808968000,2],[1692808969000,2],[1692808970000,2],[1692808971000,2],[1692808972000,2],[1692808973000,6],[1692808974000,7],[1692808975000,7],[1692808976000,8],[1692808977000,8],[1692808978000,9],[1692808979000,9],[1692808980000,10],[1692808981000,11],[1692808982000,11],[1692808983000,11],[1692808984000,12],[1692808985000,13],[1692808986000,13],[1692808987000,13],[1692808988000,14],[1692808989000,15],[1692808990000,15],[1692808991000,16],[1692808992000,16],[1692808993000,17],[1692808994000,17],[1692808995000,18],[1692808996000,18],[1692808997000,19],[1692808998000,19],[1692808999000,20],[1692809000000,20],[1692809001000,21],[1692809002000,22],[1692809003000,21],[1692809004000,23],[1692809005000,23],[1692809006000,23],[1692809007000,24],[1692809008000,25],[1692809009000,25],[1692809010000,26],[1692809011000,26],[1692809012000,26],[1692809013000,27],[1692809014000,28],[1692809015000,28],[1692809016000,29],[1692809017000,30],[1692809018000,31],[1692809019000,31],[1692809020000,32],[1692809021000,31],[1692809022000,32],[1692809023000,33],[1692809024000,33],[1692809025000,33],[1692809026000,34],[1692809027000,34],[1692809028000,35],[1692809029000,36],[1692809030000,36],[1692809031000,36],[1692809032000,38],[1692809033000,37],[1692809034000,38],[1692809035000,39],[1692809036000,39],[1692809037000,40],[1692809038000,40],[1692809039000,41],[1692809040000,41],[1692809041000,42],[1692809042000,42],[1692809043000,43],[1692809044000,43],[1692809045000,44],[1692809046000,44],[1692809047000,45],[1692809048000,46],[1692809049000,46],[1692809050000,46],[1692809051000,47],[1692809052000,48],[1692809053000,48],[1692809054000,48],[1692809055000,49],[1692809056000,50],[1692809057000,50],[1692809058000,51],[1692809059000,51],[1692809060000,52],[1692809061000,52],[1692809062000,53],[1692809063000,53],[1692809064000,54],[1692809065000,54],[1692809066000,55],[1692809067000,55],[1692809068000,56],[1692809069000,56],[1692809070000,57],[1692809071000,58],[1692809072000,58],[1692809073000,59],[1692809074000,60],[1692809075000,61],[1692809076000,60],[1692809077000,60],[1692809078000,61],[1692809079000,62],[1692809080000,62],[1692809081000,63],[1692809082000,63],[1692809083000,64],[1692809084000,64],[1692809085000,65],[1692809086000,65],[1692809087000,66],[1692809088000,66],[1692809089000,67],[1692809090000,67],[1692809091000,68],[1692809092000,69],[1692809093000,68],[1692809094000,70],[1692809095000,70],[1692809096000,70],[1692809097000,71],[1692809098000,72],[1692809099000,72],[1692809100000,73],[1692809101000,73],[1692809102000,73],[1692809103000,74],[1692809104000,75],[1692809105000,75],[1692809106000,76],[1692809107000,76],[1692809108000,77],[1692809109000,77],[1692809110000,78],[1692809111000,78],[1692809112000,79],[1692809113000,80],[1692809114000,80],[1692809115000,80],[1692809116000,81],[1692809117000,81],[1692809118000,82],[1692809119000,83],[1692809120000,83],[1692809121000,83],[1692809122000,85],[1692809123000,84],[1692809124000,85],[1692809125000,86],[1692809126000,86],[1692809127000,87],[1692809128000,87],[1692809129000,88],[1692809130000,89],[1692809131000,90],[1692809132000,89],[1692809133000,90],[1692809134000,90],[1692809135000,91],[1692809136000,91],[1692809137000,92],[1692809138000,93],[1692809139000,93],[1692809140000,93],[1692809141000,94],[1692809142000,95],[1692809143000,95],[1692809144000,95],[1692809145000,96],[1692809146000,97],[1692809147000,97],[1692809148000,98],[1692809149000,98],[1692809150000,99],[1692809151000,99],[1692809152000,96]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},
{
color: '#f15b4f',
name: 'Criação E Talvez Consulta de Pessoas',
data: [
  [1692808948000,3],[1692808949000,3],[1692808950000,3],[1692808951000,2],[1692808952000,2],[1692808953000,2],[1692808954000,2],[1692808955000,2],[1692808956000,2],[1692808957000,2],[1692808958000,2],[1692808959000,4],[1692808960000,2],[1692808961000,9],[1692808962000,4],[1692808963000,7],[1692808964000,2],[1692808965000,3],[1692808966000,7],[1692808967000,1],[1692808968000,4],[1692808969000,7],[1692808970000,10],[1692808971000,2],[1692808972000,5],[1692808973000,7],[1692808974000,11],[1692808975000,14],[1692808976000,18],[1692808977000,21],[1692808978000,24],[1692808979000,28],[1692808980000,32],[1692808981000,34],[1692808982000,39],[1692808983000,41],[1692808984000,45],[1692808985000,48],[1692808986000,52],[1692808987000,54],[1692808988000,58],[1692808989000,62],[1692808990000,66],[1692808991000,69],[1692808992000,72],[1692808993000,74],[1692808994000,77],[1692808995000,82],[1692808996000,84],[1692808997000,90],[1692808998000,93],[1692808999000,94],[1692809000000,99],[1692809001000,102],[1692809002000,107],[1692809003000,107],[1692809004000,112],[1692809005000,114],[1692809006000,119],[1692809007000,123],[1692809008000,126],[1692809009000,128],[1692809010000,132],[1692809011000,136],[1692809012000,139],[1692809013000,141],[1692809014000,144],[1692809015000,148],[1692809016000,152],[1692809017000,156],[1692809018000,159],[1692809019000,161],[1692809020000,167],[1692809021000,168],[1692809022000,172],[1692809023000,175],[1692809024000,178],[1692809025000,183],[1692809026000,187],[1692809027000,189],[1692809028000,192],[1692809029000,197],[1692809030000,198],[1692809031000,201],[1692809032000,207],[1692809033000,208],[1692809034000,213],[1692809035000,217],[1692809036000,219],[1692809037000,223],[1692809038000,226],[1692809039000,228],[1692809040000,233],[1692809041000,236],[1692809042000,239],[1692809043000,241],[1692809044000,245],[1692809045000,248],[1692809046000,253],[1692809047000,257],[1692809048000,261],[1692809049000,261],[1692809050000,266],[1692809051000,266],[1692809052000,274],[1692809053000,273],[1692809054000,280],[1692809055000,283],[1692809056000,286],[1692809057000,291],[1692809058000,291],[1692809059000,296],[1692809060000,299],[1692809061000,303],[1692809062000,308],[1692809063000,311],[1692809064000,313],[1692809065000,315],[1692809066000,318],[1692809067000,325],[1692809068000,325],[1692809069000,328],[1692809070000,334],[1692809071000,335],[1692809072000,342],[1692809073000,341],[1692809074000,346],[1692809075000,348],[1692809076000,353],[1692809077000,356],[1692809078000,362],[1692809079000,363],[1692809080000,367],[1692809081000,370],[1692809082000,375],[1692809083000,376],[1692809084000,379],[1692809085000,384],[1692809086000,386],[1692809087000,389],[1692809088000,396],[1692809089000,396],[1692809090000,400],[1692809091000,405],[1692809092000,407],[1692809093000,407],[1692809094000,411],[1692809095000,418],[1692809096000,421],[1692809097000,423],[1692809098000,427],[1692809099000,427],[1692809100000,434],[1692809101000,435],[1692809102000,442],[1692809103000,442],[1692809104000,447],[1692809105000,449],[1692809106000,456],[1692809107000,458],[1692809108000,459],[1692809109000,463],[1692809110000,466],[1692809111000,470],[1692809112000,473],[1692809113000,478],[1692809114000,483],[1692809115000,484],[1692809116000,488],[1692809117000,490],[1692809118000,492],[1692809119000,497],[1692809120000,499],[1692809121000,502],[1692809122000,507],[1692809123000,510],[1692809124000,514],[1692809125000,516],[1692809126000,524],[1692809127000,524],[1692809128000,527],[1692809129000,529],[1692809130000,535],[1692809131000,536],[1692809132000,539],[1692809133000,545],[1692809134000,547],[1692809135000,551],[1692809136000,555],[1692809137000,558],[1692809138000,558],[1692809139000,562],[1692809140000,567],[1692809141000,571],[1692809142000,574],[1692809143000,576],[1692809144000,581],[1692809145000,585],[1692809146000,587],[1692809147000,592],[1692809148000,593],[1692809149000,598],[1692809150000,604],[1692809151000,604],[1692809152000,586]
],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }},

    allUsersData
  ]
});


allUsersChart.setTitle({
  text: '<span class="chart_title">Active Users along the Simulation</span>',
  useHTML: true
});

allUsersData.yAxis = 1;

var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '9', '12', '13'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  83.03,16.82,0.07,0.02,0.02,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692808948,null],[1692808949,null],[1692808950,null],[1692808951,null],[1692808952,null],[1692808953,null],[1692808954,null],[1692808955,null],[1692808956,null],[1692808957,null],[1692808958,null],[1692808959,null],[1692808960,null],[1692808961,null],[1692808962,null],[1692808963,null],[1692808964,null],[1692808965,null],[1692808966,null],[1692808967,null],[1692808968,null],[1692808969,null],[1692808970,null],[1692808971,null],[1692808972,null],[1692808973,null],[1692808974,null],[1692808975,null],[1692808976,null],[1692808977,null],[1692808978,null],[1692808979,null],[1692808980,null],[1692808981,null],[1692808982,null],[1692808983,null],[1692808984,null],[1692808985,null],[1692808986,null],[1692808987,null],[1692808988,null],[1692808989,null],[1692808990,null],[1692808991,null],[1692808992,null],[1692808993,null],[1692808994,null],[1692808995,null],[1692808996,null],[1692808997,null],[1692808998,null],[1692808999,null],[1692809000,null],[1692809001,null],[1692809002,null],[1692809003,null],[1692809004,null],[1692809005,null],[1692809006,null],[1692809007,null],[1692809008,null],[1692809009,null],[1692809010,null],[1692809011,null],[1692809012,null],[1692809013,null],[1692809014,null],[1692809015,null],[1692809016,null],[1692809017,null],[1692809018,null],[1692809019,null],[1692809020,null],[1692809021,null],[1692809022,null],[1692809023,null],[1692809024,null],[1692809025,null],[1692809026,null],[1692809027,null],[1692809028,null],[1692809029,null],[1692809030,null],[1692809031,null],[1692809032,null],[1692809033,null],[1692809034,null],[1692809035,null],[1692809036,null],[1692809037,null],[1692809038,null],[1692809039,null],[1692809040,null],[1692809041,null],[1692809042,null],[1692809043,null],[1692809044,null],[1692809045,null],[1692809046,null],[1692809047,null],[1692809048,null],[1692809049,null],[1692809050,null],[1692809051,null],[1692809052,null],[1692809053,null],[1692809054,null],[1692809055,null],[1692809056,null],[1692809057,null],[1692809058,null],[1692809059,null],[1692809060,null],[1692809061,null],[1692809062,null],[1692809063,null],[1692809064,null],[1692809065,null],[1692809066,null],[1692809067,null],[1692809068,null],[1692809069,null],[1692809070,null],[1692809071,null],[1692809072,null],[1692809073,null],[1692809074,null],[1692809075,null],[1692809076,null],[1692809077,null],[1692809078,null],[1692809079,null],[1692809080,null],[1692809081,null],[1692809082,null],[1692809083,null],[1692809084,null],[1692809085,null],[1692809086,null],[1692809087,null],[1692809088,null],[1692809089,null],[1692809090,null],[1692809091,null],[1692809092,null],[1692809093,null],[1692809094,null],[1692809095,null],[1692809096,null],[1692809097,null],[1692809098,null],[1692809099,null],[1692809100,null],[1692809101,null],[1692809102,null],[1692809103,null],[1692809104,null],[1692809105,null],[1692809106,null],[1692809107,null],[1692809108,null],[1692809109,null],[1692809110,null],[1692809111,null],[1692809112,null],[1692809113,null],[1692809114,null],[1692809115,null],[1692809116,null],[1692809117,null],[1692809118,null],[1692809119,null],[1692809120,null],[1692809121,null],[1692809122,null],[1692809123,null],[1692809124,null],[1692809125,null],[1692809126,null],[1692809127,null],[1692809128,null],[1692809129,null],[1692809130,null],[1692809131,null],[1692809132,null],[1692809133,null],[1692809134,null],[1692809135,null],[1692809136,null],[1692809137,null],[1692809138,null],[1692809139,null],[1692809140,null],[1692809141,null],[1692809142,null],[1692809143,null],[1692809144,null],[1692809145,null],[1692809146,null],[1692809147,null],[1692809148,null],[1692809149,null],[1692809150,null],[1692809151,null],[1692809152,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692808948,[6,0,6]],[1692808949,[6,0,6]],[1692808950,[6,0,6]],[1692808951,[6,0,6]],[1692808952,[6,0,6]],[1692808953,[6,0,6]],[1692808954,[6,0,6]],[1692808955,[6,0,6]],[1692808956,[6,0,6]],[1692808957,[6,0,6]],[1692808958,[5,0,5]],[1692808959,[7,0,7]],[1692808960,[6,0,6]],[1692808961,[10,0,10]],[1692808962,[11,0,11]],[1692808963,[7,0,7]],[1692808964,[10,0,10]],[1692808965,[4,0,4]],[1692808966,[12,0,12]],[1692808967,[7,0,7]],[1692808968,[6,0,6]],[1692808969,[9,0,9]],[1692808970,[12,0,12]],[1692808971,[11,0,11]],[1692808972,[7,0,7]],[1692808973,[14,0,14]],[1692808974,[21,0,21]],[1692808975,[26,0,26]],[1692808976,[30,0,30]],[1692808977,[35,0,35]],[1692808978,[37,0,37]],[1692808979,[42,0,42]],[1692808980,[47,0,47]],[1692808981,[50,0,50]],[1692808982,[55,0,55]],[1692808983,[58,0,58]],[1692808984,[62,0,62]],[1692808985,[65,0,65]],[1692808986,[71,0,71]],[1692808987,[74,0,74]],[1692808988,[79,0,79]],[1692808989,[81,0,81]],[1692808990,[87,0,87]],[1692808991,[91,0,91]],[1692808992,[94,0,94]],[1692808993,[99,0,99]],[1692808994,[103,0,103]],[1692808995,[105,0,105]],[1692808996,[110,0,110]],[1692808997,[116,0,116]],[1692808998,[118,0,118]],[1692808999,[121,0,121]],[1692809000,[127,0,127]],[1692809001,[131,0,131]],[1692809002,[135,0,135]],[1692809003,[138,0,138]],[1692809004,[142,0,142]],[1692809005,[147,0,147]],[1692809006,[150,0,150]],[1692809007,[154,0,154]],[1692809008,[159,0,159]],[1692809009,[163,0,163]],[1692809010,[166,0,166]],[1692809011,[170,0,170]],[1692809012,[176,0,176]],[1692809013,[177,0,177]],[1692809014,[183,0,183]],[1692809015,[186,0,186]],[1692809016,[191,0,191]],[1692809017,[195,0,195]],[1692809018,[198,0,198]],[1692809019,[202,0,202]],[1692809020,[207,0,207]],[1692809021,[211,0,211]],[1692809022,[216,0,216]],[1692809023,[218,0,218]],[1692809024,[223,0,223]],[1692809025,[227,0,227]],[1692809026,[231,0,231]],[1692809027,[235,0,235]],[1692809028,[238,0,238]],[1692809029,[243,0,243]],[1692809030,[247,0,247]],[1692809031,[251,0,251]],[1692809032,[254,0,254]],[1692809033,[260,0,260]],[1692809034,[262,0,262]],[1692809035,[266,0,266]],[1692809036,[270,0,270]],[1692809037,[277,0,277]],[1692809038,[279,0,279]],[1692809039,[281,0,281]],[1692809040,[287,0,287]],[1692809041,[292,0,292]],[1692809042,[295,0,295]],[1692809043,[298,0,298]],[1692809044,[303,0,303]],[1692809045,[307,0,307]],[1692809046,[311,0,311]],[1692809047,[315,0,315]],[1692809048,[319,0,319]],[1692809049,[323,0,323]],[1692809050,[327,0,327]],[1692809051,[332,0,332]],[1692809052,[335,0,335]],[1692809053,[339,0,339]],[1692809054,[342,0,342]],[1692809055,[348,0,348]],[1692809056,[350,0,350]],[1692809057,[355,0,355]],[1692809058,[360,0,360]],[1692809059,[362,0,362]],[1692809060,[367,0,367]],[1692809061,[372,0,372]],[1692809062,[376,0,376]],[1692809063,[379,0,379]],[1692809064,[382,0,382]],[1692809065,[387,0,387]],[1692809066,[391,0,391]],[1692809067,[396,0,396]],[1692809068,[398,0,398]],[1692809069,[403,0,403]],[1692809070,[408,0,408]],[1692809071,[411,0,411]],[1692809072,[416,0,416]],[1692809073,[419,0,419]],[1692809074,[423,0,423]],[1692809075,[427,0,427]],[1692809076,[431,0,431]],[1692809077,[436,0,436]],[1692809078,[439,0,439]],[1692809079,[443,0,443]],[1692809080,[448,0,448]],[1692809081,[451,0,451]],[1692809082,[456,0,456]],[1692809083,[460,0,460]],[1692809084,[463,0,463]],[1692809085,[466,0,466]],[1692809086,[472,0,472]],[1692809087,[476,0,476]],[1692809088,[479,0,479]],[1692809089,[482,0,482]],[1692809090,[489,0,489]],[1692809091,[491,0,491]],[1692809092,[496,0,496]],[1692809093,[499,0,499]],[1692809094,[503,0,503]],[1692809095,[508,0,508]],[1692809096,[511,0,511]],[1692809097,[515,0,515]],[1692809098,[520,0,520]],[1692809099,[524,0,524]],[1692809100,[527,0,527]],[1692809101,[531,0,531]],[1692809102,[536,0,536]],[1692809103,[540,0,540]],[1692809104,[543,0,543]],[1692809105,[547,0,547]],[1692809106,[552,0,552]],[1692809107,[557,0,557]],[1692809108,[559,0,559]],[1692809109,[564,0,564]],[1692809110,[567,0,567]],[1692809111,[572,0,572]],[1692809112,[576,0,576]],[1692809113,[580,0,580]],[1692809114,[583,0,583]],[1692809115,[588,0,588]],[1692809116,[592,0,592]],[1692809117,[595,0,595]],[1692809118,[600,0,600]],[1692809119,[604,0,604]],[1692809120,[608,0,608]],[1692809121,[611,0,611]],[1692809122,[617,0,617]],[1692809123,[620,0,620]],[1692809124,[623,0,623]],[1692809125,[628,0,628]],[1692809126,[630,0,630]],[1692809127,[638,0,638]],[1692809128,[640,0,640]],[1692809129,[643,0,643]],[1692809130,[647,0,647]],[1692809131,[653,0,653]],[1692809132,[657,0,657]],[1692809133,[658,0,658]],[1692809134,[665,0,665]],[1692809135,[667,0,667]],[1692809136,[673,0,673]],[1692809137,[676,0,676]],[1692809138,[680,0,680]],[1692809139,[683,0,683]],[1692809140,[688,0,688]],[1692809141,[693,0,693]],[1692809142,[696,0,696]],[1692809143,[700,0,700]],[1692809144,[703,0,703]],[1692809145,[709,0,709]],[1692809146,[711,0,711]],[1692809147,[716,0,716]],[1692809148,[721,0,721]],[1692809149,[724,0,724]],[1692809150,[728,0,728]],[1692809151,[733,0,733]],[1692809152,[1080,0,1080]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692808948,[6,0,6]],[1692808949,[6,0,6]],[1692808950,[6,0,6]],[1692808951,[6,0,6]],[1692808952,[6,0,6]],[1692808953,[6,0,6]],[1692808954,[6,0,6]],[1692808955,[6,0,6]],[1692808956,[6,0,6]],[1692808957,[6,0,6]],[1692808958,[5,0,5]],[1692808959,[7,0,7]],[1692808960,[6,0,6]],[1692808961,[10,0,10]],[1692808962,[11,0,11]],[1692808963,[7,0,7]],[1692808964,[10,0,10]],[1692808965,[4,0,4]],[1692808966,[12,0,12]],[1692808967,[7,0,7]],[1692808968,[6,0,6]],[1692808969,[9,0,9]],[1692808970,[12,0,12]],[1692808971,[11,0,11]],[1692808972,[7,0,7]],[1692808973,[14,0,14]],[1692808974,[21,0,21]],[1692808975,[26,0,26]],[1692808976,[30,0,30]],[1692808977,[35,0,35]],[1692808978,[37,0,37]],[1692808979,[42,0,42]],[1692808980,[47,0,47]],[1692808981,[50,0,50]],[1692808982,[55,0,55]],[1692808983,[58,0,58]],[1692808984,[62,0,62]],[1692808985,[65,0,65]],[1692808986,[71,0,71]],[1692808987,[74,0,74]],[1692808988,[79,0,79]],[1692808989,[81,0,81]],[1692808990,[87,0,87]],[1692808991,[91,0,91]],[1692808992,[94,0,94]],[1692808993,[99,0,99]],[1692808994,[102,0,102]],[1692808995,[106,0,106]],[1692808996,[110,0,110]],[1692808997,[116,0,116]],[1692808998,[118,0,118]],[1692808999,[121,0,121]],[1692809000,[127,0,127]],[1692809001,[131,0,131]],[1692809002,[135,0,135]],[1692809003,[138,0,138]],[1692809004,[142,0,142]],[1692809005,[147,0,147]],[1692809006,[150,0,150]],[1692809007,[154,0,154]],[1692809008,[159,0,159]],[1692809009,[163,0,163]],[1692809010,[166,0,166]],[1692809011,[170,0,170]],[1692809012,[175,0,175]],[1692809013,[178,0,178]],[1692809014,[183,0,183]],[1692809015,[186,0,186]],[1692809016,[191,0,191]],[1692809017,[195,0,195]],[1692809018,[198,0,198]],[1692809019,[202,0,202]],[1692809020,[207,0,207]],[1692809021,[211,0,211]],[1692809022,[216,0,216]],[1692809023,[218,0,218]],[1692809024,[223,0,223]],[1692809025,[227,0,227]],[1692809026,[231,0,231]],[1692809027,[234,0,234]],[1692809028,[239,0,239]],[1692809029,[243,0,243]],[1692809030,[247,0,247]],[1692809031,[251,0,251]],[1692809032,[254,0,254]],[1692809033,[260,0,260]],[1692809034,[262,0,262]],[1692809035,[266,0,266]],[1692809036,[270,0,270]],[1692809037,[277,0,277]],[1692809038,[279,0,279]],[1692809039,[281,0,281]],[1692809040,[287,0,287]],[1692809041,[292,0,292]],[1692809042,[295,0,295]],[1692809043,[298,0,298]],[1692809044,[303,0,303]],[1692809045,[307,0,307]],[1692809046,[311,0,311]],[1692809047,[315,0,315]],[1692809048,[319,0,319]],[1692809049,[323,0,323]],[1692809050,[327,0,327]],[1692809051,[332,0,332]],[1692809052,[335,0,335]],[1692809053,[339,0,339]],[1692809054,[342,0,342]],[1692809055,[348,0,348]],[1692809056,[350,0,350]],[1692809057,[355,0,355]],[1692809058,[360,0,360]],[1692809059,[362,0,362]],[1692809060,[367,0,367]],[1692809061,[372,0,372]],[1692809062,[376,0,376]],[1692809063,[379,0,379]],[1692809064,[382,0,382]],[1692809065,[387,0,387]],[1692809066,[391,0,391]],[1692809067,[396,0,396]],[1692809068,[398,0,398]],[1692809069,[403,0,403]],[1692809070,[408,0,408]],[1692809071,[411,0,411]],[1692809072,[416,0,416]],[1692809073,[419,0,419]],[1692809074,[423,0,423]],[1692809075,[427,0,427]],[1692809076,[431,0,431]],[1692809077,[436,0,436]],[1692809078,[439,0,439]],[1692809079,[443,0,443]],[1692809080,[447,0,447]],[1692809081,[452,0,452]],[1692809082,[456,0,456]],[1692809083,[460,0,460]],[1692809084,[463,0,463]],[1692809085,[466,0,466]],[1692809086,[472,0,472]],[1692809087,[476,0,476]],[1692809088,[479,0,479]],[1692809089,[482,0,482]],[1692809090,[489,0,489]],[1692809091,[491,0,491]],[1692809092,[496,0,496]],[1692809093,[499,0,499]],[1692809094,[503,0,503]],[1692809095,[508,0,508]],[1692809096,[511,0,511]],[1692809097,[515,0,515]],[1692809098,[520,0,520]],[1692809099,[524,0,524]],[1692809100,[527,0,527]],[1692809101,[531,0,531]],[1692809102,[536,0,536]],[1692809103,[540,0,540]],[1692809104,[541,0,541]],[1692809105,[549,0,549]],[1692809106,[552,0,552]],[1692809107,[557,0,557]],[1692809108,[559,0,559]],[1692809109,[563,0,563]],[1692809110,[568,0,568]],[1692809111,[572,0,572]],[1692809112,[575,0,575]],[1692809113,[581,0,581]],[1692809114,[583,0,583]],[1692809115,[588,0,588]],[1692809116,[592,0,592]],[1692809117,[595,0,595]],[1692809118,[600,0,600]],[1692809119,[604,0,604]],[1692809120,[608,0,608]],[1692809121,[611,0,611]],[1692809122,[617,0,617]],[1692809123,[620,0,620]],[1692809124,[623,0,623]],[1692809125,[627,0,627]],[1692809126,[631,0,631]],[1692809127,[638,0,638]],[1692809128,[640,0,640]],[1692809129,[642,0,642]],[1692809130,[648,0,648]],[1692809131,[653,0,653]],[1692809132,[657,0,657]],[1692809133,[658,0,658]],[1692809134,[664,0,664]],[1692809135,[668,0,668]],[1692809136,[672,0,672]],[1692809137,[677,0,677]],[1692809138,[680,0,680]],[1692809139,[683,0,683]],[1692809140,[688,0,688]],[1692809141,[693,0,693]],[1692809142,[696,0,696]],[1692809143,[700,0,700]],[1692809144,[703,0,703]],[1692809145,[709,0,709]],[1692809146,[711,0,711]],[1692809147,[716,0,716]],[1692809148,[721,0,721]],[1692809149,[724,0,724]],[1692809150,[728,0,728]],[1692809151,[733,0,733]],[1692809152,[1080,0,1080]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 68406.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
